﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>loader</title>

    <link href="loader.css" rel="stylesheet" />
    <script src="loader.js"></script>
</head>
<body>
    <div class="loader">
        <section class="map">
            <x-ms-webview class="staticwebview" src="ms-appx-web:///Web/html/staticmap.html"></x-ms-webview>
        </section>
        <section class="loaderpage fragment">
            <header class="page-header" aria-label="Header content" role="banner">
                <button class="back-button" data-win-control="WinJS.UI.BackButton"></button>
                <h1 class="titlearea win-type-ellipsis">
                    <span class="pagetitle" data-win-res="{ innerHTML: 'LoaderTitleMobile' }"></span>
                </h1>
            </header>
            <section class="page-section" aria-label="Main content" role="main">
                <section class="hldata">
                    <section class="hlrow" id="hlrow1">
                        <header class="hlfield">Start</header>
                        <section class="hlvalue" data-win-bind="innerHTML: start HL.getCoordinates"></section>
                    </section>
                    <section class="hlrow" id="hlrow2">
                        <header class="hlfield">End</header>
                        <section class="hlvalue" data-win-bind="innerHTML: end HL.getCoordinates"></section>
                    </section>
                    <section class="hlrow" id="hlrow3">
                        <header class="hlfield">Lookat</header>
                        <section class="hlvalue" data-win-bind="innerHTML: lookat HL.getCoordinates"></section>
                    </section>
                    <section id="hlprogress">
                        <div id="hlprogressvalue"><span data-win-bind="innerHTML: progress"></span>%</div>
                    </section>
                    <section id="hlforward" data-win-bind="style.display: playable HL.getDisplay">
                        <div>
                            <div id="toplayer">
                                <span data-win-res="{ innerHTML: 'PlayText' }"></span>&gt;&gt;
                            </div>
                        </div>
                    </section>
                </section>
            </section>
        </section>
    </div>
</body>
</html>
